<template>
    <div class="box">
        <div class="left">

        </div>
        <div class="center">
            <div class="ct">

            </div>
        </div>
        <div class="right">

        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.box {
    width: 90vw;
    height: 100vh;
    background-color: #f8f8f8;
    display: flex;

    .left {
        width: 20%;
        height: 100vh;
    }

    .center {
        width: 60%;
        height: 100vh;
        background-color: #ffffff;

        .ct {
            width: 100px;
            height: 100px;
            margin: calc(50vh - 100px);
            background-image: url('../../../assets/img/no_space.png');
            background-size: cover;
        }


    }

    .right {
        width: 20%;
        height: 100vh;
    }
}
</style>